<!DOCTYPE html>
<!--suppress ALL -->
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <!--[if lt IE 9]>
    <script src="statics/newcommon/js/html5shiv.js"></script>
    <![endif]-->
    <meta name="keywords" content="网贷平台,网络借贷，网络赚钱项目,理财产品">
    <meta name="description" content="亿人财富网贷平台为您提供网络赚钱项目；为此相继推出了许多新的理财产品，在为您创造高收益的同时也优化了理财产品模式。网络借贷，就选爱钱帮。">
    <meta charset="UTF-8">
    <script type="text/javascript" th:src="@{/statics/newcommon/js/jquery.min.js}"></script>
    <script th:src="@{/js/vue.js}"></script>
    <link  rel="Shortcut  Icon"  th:href="@{/statics/home/images/minilogo.png}">
    <link rel="stylesheet" th:href="@{/statics/newcommon/css/m2-commonNew.css}">
    <link rel="stylesheet" th:href="@{/statics/newcommon/css/m2-common.css}">
    <link rel="Shortcut  Icon" th:href="@{/statics/newcommon/images/minilogo.png}">
    <link rel="stylesheet" th:href="@{/statics/usercenter/css/userCenter.css}">
    <link rel="stylesheet" th:href="@{/statics/usercenter/css/jquery.datetimepicker.css}" />
</head>
<title>投资记录--亿人财富</title>
<div class="m2-userCentermain">
    <div class="m2-userCentermain-aside">
        <ul>
            <li class="m2-asideListitem">
                <a class="m2-aside-item" th:href="@{/usercenter.html}"><i class="m2-asideIcon1"></i>我的账户</a>
            </li>
            <li class="m2-asideListitem">
                <a class="m2-aside-item m2-aside-toggle" ><i class="m2-asideIcon2"></i>投资管理<b class="m2-asideIcon-new"></b></a>
                <ul class="m2-aside-secItem" style="display:none">
                    <li>
                        <a class="m2-aside-secLink-item" th:href="@{/monthrepay.html}">回款计划</a>
                    </li>
                    <li>
                        <a class="m2-aside-secLink-item" th:href="@{/looselabel_record/queryalls}">散标回款计划</a>
                    </li>
                    <li>
                        <a class="m2-aside-secLink-item" th:href="@{/usercenter-investcontrol-investrecord.html}">投资记录计划</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <script>
    // 		$(document).ready(function(){
    var href = window.location.href;
    var search = window.location.search;
    $('.m2-asideListitem ul a').each(function () {
    if ($(this).prop('href') + search == href) {
    if ($(this).prop('href') == "/usercenter-wangbaoqiang" || $(this).prop('href') == "/usercenter-sirendingqi") {
    } else {
    $(this).parent().parent('ul').show();
    $(this).parent().parent('ul').prev('a').removeClass('m2-aside-item');
    $(this).parent().parent('ul').prev('a').addClass('m2-aside-cur');
    $(this).css('text-decoration', 'underline');
    $(this).css('color', '#0996CC');
    }
    }
    });
    $('.m2-asideListitem a:not(.m2-asideListitem ul a)').each(function () {
    if ($(this).prop('href') + search == href) {
    if ($(this).prop('href').search("usercenter-wangbaoqiang") > -1) {
    $(this).removeClass('m2-aside-wbq');
    $(this).addClass('m2-aside-cur');
    } else if ($(this).prop('href').search("usercenter-sirendingqi") > -1) {
    $(this).removeClass('m2-aside-wbq');
    $(this).addClass('m2-aside-cur');
    } else {
    $(this).removeClass('m2-aside-item');
    $(this).addClass('m2-aside-cur');
    }
    }
    });
    $('.m2-asideListitem a:not(.m2-asideListitem ul a)').click(function () {
    if ($(this).prop('href') == '') {
    $(this).siblings('ul').slideToggle();
    $(this).parent().siblings('.m2-asideListitem').children('.m2-aside-secItem').slideUp();
    }
    });
    // 		});
    </script>

    <div style="width:100%; height:100%; position:fixed; z-index:100; top:0; display:none; left:0;" id="allP" >
        <div style="width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:0.5;"></div>
        <div style="width:404px; height:154px; background:#fff; position:absolute; top:50%; left:50%; margin-left:-252px; margin-top:-100px; border:2px solid #666;">
            <p style="color: #666666;font-size: 16px;line-height:170px;text-align: center; font-family: Microsoft YaHei;;">该项目已还清，为保护企业隐私，不再公示项目信息</p>
            <div style="width: 30px;height: 30px;position: absolute;top: 11px;right: 0px;color: #666;font-size: 20px;cursor: pointer;" id="close">X</div>
        </div>

    </div>
    <div class="m2-userCentermanage-con" >
        <div class="m2-manage-search">
            <div class="m2-manage-search-head">
                <h3><i></i>投资记录</h3>
            </div>
            <div class="m2-manage-search-selector" id="app">
                <ul class="m2-manageSearchsel-time m2-manageSearchsel-time3" style="margin-bottom:15px">
                    <li>投资方式：</li>
                    <li class="m2-manageSearchsel-link m2-manageSearchsel-link3"><span id="stypes" onclick="goType('1')" >官标</span></li>
                    <!--<li class="m2-manageSearchsel-link m2-manageSearchsel-link3"><span id="stypees" onclick="goType('2')">散标</span></li>-->
                </ul>
                <table class="m2-userInvest-table"  cellpadding="0" cellspacing="0"  th:if="${product_accounts!=null}" >
                    <tr class="m2-userInevst-head" >
                        <th style="width:140px;">项目名称</th>
                        <th style="width:60px;">预期年化收益</th>
                        <th style="width:120px;">投资金额</th>
                        <th style="width:120px;">开始计息时间</th>
                        <th style="width:120px;">结束计息时间</th>
                        <th style="width:168px;">已赚取利息</th>
                    </tr>
                    <tbody th:each="p:${product_accounts}">
                    <tr class="m2-userInevst-head"  >
                        <th style="width:140px;">[[${p.productName}]]</th>
                        <th style="width:120px;">[[${p.pExpectedAnnualIncome}]]%</th>
                        <th style="width:60px;">[[${p.pAmount}]]</th>
                        <th style="width:120px;">[[${#dates.format(p.pMatchDate, 'yyyy-MM-dd')}]]</th>
                        <th style="width:120px;">[[${#dates.format(p.pEndDate, 'yyyy-MM-dd')}]]</th>
                        <th style="width:168px;">[[${p.pEarnedInterest}]]</th>
                    </tr>
                    </tbody>
                </table>
                <input type="hidden" value=1 class="nowpages">
                <input type="hidden" value= class="recordpages">
            </div>
        </div>
    </div  >
</div>
<style>
    .stypes{
        color: #fff;
        background-color: #0996cc;
        border-radius: 3px;
    }
</style>
<script>
    var types="[[${type}]]";
    if (types=='1'){
        $("#stypes").addClass("stypes");
        $("#stypees").removeClass();
    }else {
        $("#stypees").addClass("stypes");
        $("#stypes").removeClass();
    }
function goType(type) {
    types=type
    url="[[@{/Officiallogo/queryall}]]"+"?type="+type;
    window.location=url;
}
</script>


</body>
</html>